<template> 
	<div class="iProperty">
		<!-- 知识产权导航栏 -->
		<div class="iProperty_nav">
			<div class="iProperty_nav_item" :class="iPropertyNum==0 ? 'active':''" @click="toNum(0)">专利</div>
			<div class="iProperty_nav_item" :class="iPropertyNum==1 ? 'active':''" @click="toNum(1)">商标</div>
			<div class="iProperty_nav_item" :class="iPropertyNum==2 ? 'active':''" @click="toNum(2)">文献</div>
		</div>
		<div> 
			<!-- 知识产权专利页面 -->
			<ipPatent v-if="iPropertyNum==0"></ipPatent>
			<!-- 知识产权商标页面 -->
			<ipBrand v-if="iPropertyNum==1"></ipBrand>
			<!-- 知识产权文献页面 -->
			<ipLiterature v-if="iPropertyNum==2"></ipLiterature>
		</div>
	</div>
</template>

<script>
	import ipPatent from './ipPatent.vue'
	import ipBrand from './ipBrand.vue'
	import ipLiterature from './ipLiterature.vue'
	export default{
		name:'iProperty',
		data() {
			return{
				iPropertyNum:0,
				
			}
		},
		
		methods:{
			toNum(e){
				this.iPropertyNum=e
			}
		},
		components:{
			ipPatent,
			ipBrand,
			ipLiterature
		}
	}
</script>

<style lang="stylus" rel='stylesheet/stylus' scoped>
	@import "~@/assets/iProperty.styl"
</style>
